<template>
	<view class="login">
		<view class="top">
			<uv-navbar title="联系人信息" height="44px" titleStyle="{font-weight: bold;font-size: 1.1rem;}" bgColor="#dbf7f6"
				@leftClick="leftClick"></uv-navbar>
		</view>
		<view class="contact">
			<view class="one">
				<view class="left">姓名</view>
				<input type="text" placeholder="请输入名字" />
			</view>
			<view class="one">
				<view class="left">手机号</view>
				<input type="text" placeholder="请输入手机号" />
			</view>
			<view class="one">
				<view class="left">所在地址</view>
				<input type="text" v-model="name" placeholder="请选择" />
				<uv-picker ref="picker" :columns="columns" @confirm="confirm"></uv-picker>
				<uv-icon name="arrow-right" size="18px" @click="openPicker"></uv-icon>
				
			</view>
			<view class="one">
				<view class="left">详细地址:</view>

				<input type="text" placeholder="请输入详细地址" />
			</view>

		</view>
		<view class="determine">
			<uv-button type="primary" color="#008c8c" shape="circle" text="保存"></uv-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
					name:'',
					columns: [
						['中国', '美国', '日本']
					]

			}
		},
		methods: {

			//返回login
			leftClick() {
				uni.navigateTo({
					url: '/pages/login/login'
				})
				console.log('leftClick');
			},
			// 联动
			openPicker() {
				this.$refs.picker.open();
			},
			confirm(e) {
				this.name = e.value
				console.log('confirm', e);
			}

		}
	}
</script>

<style lang="scss">
	@import url("contact.scss");
</style>